<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org" layout:decorator="index">
<head>
<meta charset="UTF-8"/>




</head>
<body>
<div layout:fragment="content" class="content">
		<form action="/device/getdevices" method="post">
			<div class="selectForm">
				<button type="submit" class="btn btn-success ">条件搜索</button>
				&nbsp;&nbsp;
				<button type="button" class="btn btn-danger" style="width: 82px;" oclick="clearSelect()">清空</button>&nbsp;&nbsp;
				<input type="text" class="clear1"  name="deviceID" id="firstname" placeholder="请输入设备id"    />
				<input type="datetime-local" class="clear2"  name="startTime" id="firstname" placeholder="请输入开始时间" />
				<input type="datetime-local" class="clear2"  name="endTime" id="firstname" placeholder="请输入结束时间"   />

			</div>




		</form>

      <table class="table">

      <thead>
          <button id="fat-btn" class="btn btn-primary"  type="button" onclick="deleteuser('/user/deleteUser')"> 删除选中</button>&nbsp;&nbsp;&nbsp;&nbsp;
          <button id="fat-btn" class="btn btn-success"  type="button"> <a href="/user/addUser" class="addstyle">添加用户</a></button>
        <tr >
          <th>
          <label class="checkbox-inline">
              <input type="checkbox" id="inlineCheckbox1" value="option1" onclick="swapCheck()"/> 全选
          </label>
          </th>
          
          <th  >Topic</th>
          <th  >原始数据</th>
          <th  >创建时间</th>

          <span >
          <th  >操作</th>
          </span>
        </tr>
      </thead>
      <tbody>

        <tr class="success" th:each="List : ${List}">
          <th>
          <label class="checkbox-inline">
              <input type="checkbox" class="deleteid" name="userid" value="1"  th:value="${List.id}"  />
          </label>
          </th>
          <td th:text="${List.topic}">小虎</td>
         <td th:text="${List.jsonData}">小虎</td>
         <td th:text="${#dates.format(List.dataUploadDatetime,'yyyy-MM-dd HH:mm:ss')}">小虎</td>

     
        
          <td><a  href="update/userupdate.html"  th:href="@{/device/mqttData(dataUploadDatetime=${List.dataUploadDatetime})}">原始上报数据</a>||
          <button class="btn btn-primary btn-lg" data-toggle="modal" data-target="#myModal"   data-remote="/device/mqttData">开始演示模态框</button>
          
             <!--   <a   th:href="@{/user/deleteUser(id=${List.deviceId})}"> 删除</a>-->

          </td>
 		
        </tr>


      </tbody>



    </table>


<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-dialog">
        <div class="modal-content">
            <div class="modal-header">
                <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
                <h4 class="modal-title" id="myModalLabel">模态框（Modal）标题</h4>
            </div>
            <div class="modal-body">在这里添加一些文本</div>
            <div class="modal-footer">
                <button type="button" class="btn btn-default" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-primary">提交更改</button>
            </div>
        </div><!-- /.modal-content -->
    </div><!-- /.modal -->
</div>
</div>
</body>
</html>
